<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://xmlns.jcp.org/jsf/html"
    xmlns:f="http://xmlns.jcp.org/jsf/core"
    xmlns:p="http://primefaces.org/ui"
    xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
    template="/templates/template.xhtml">

    <ui:define name="topo">Cadastro de Usuários</ui:define>

    <ui:define name="meio">

        <p:panel header="Cadastro de Usuários">
            <h:form>
                <h:panelGrid columns="2" >
                    <p:outputLabel value="Código:"/>
                    <p:inputText value="#{beanUsuario.usuario.id}"
                                 disabled="true"/>

                    <p:outputLabel value="Email:"/>
                    <p:inputText value="#{beanUsuario.usuario.email}" 
                                 required="true" 
                                 requiredMessage="Campo email é obrigatório"/>
                    
                    <p:outputLabel value="Nome:"/>
                    <p:inputText value="#{beanUsuario.usuario.nome}"/>
                    
                    <p:outputLabel value="Apelido:"/>
                    <p:inputText value="#{beanUsuario.usuario.apelido}"/>
                    
                    <p:outputLabel value="Senha"/>
                    <p:password value="#{beanUsuario.usuario.senha}"/>
                                     
                    
                </h:panelGrid>

                <p:outputPanel layout="block" style="text-align: center">
                    <p:commandButton value="Salvar"
                                     action="#{beanUsuario.salvar()}"
                                     ajax="false"/>
                    <p:commandButton value="Cancelar"
                                     action="#{beanUsuario.cancelar()}"
                                     ajax="false"
                                     immediate="true"/>
                </p:outputPanel>

            </h:form>
        </p:panel>
    </ui:define>


</ui:composition>
